/* -------------------------------------------------------------- 
	carousel
-------------------------------------------------------------- */
#carousel {
	position:relative;
	width:434px;
	}
#carousel .item-wrapper {
	position:relative;
	margin:0 auto;
	width:434px;
	overflow:hidden;
	}
	.js #carousel .item-wrapper {height:237px;}
	.js #carousel .item-wrapper {width:434px;}
#carousel .item-wrapper ul {
	position:relative;
	left:0;
	margin:0;
	}	
#carousel .item-wrapper li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	width:434px;
	font-size:.9em;
	}
#carousel .item-wrapper li a {
	position:relative;
	display:block;
	text-align:center;
	}	
	#carousel .item-wrapper li a{
		color:#FFF;
		text-decoration:none;
		font-size:1.2em;
		}
	#carousel .item-wrapper li span {
		position:absolute;
		display:block;
		background:transparent url(../images/carousel/bg_nav_carusel.png) 0 0;
		bottom:0;
		left:0;
		z-index:50;
		width:334px;
		min-height:28px;
		padding:22px 50px 10px 50px;
		}
		* html #carousel .item-wrapper li span {
			background-color:#4f4f4f;
			background-image:none;
			height:28px;
			}
	
.nav {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	z-index:200;
	}
	.js .nav {
		display:block;
		width:434px;
		height:59px;
		}
.prev-link, .next-link {
	margin:15px;
	width:28px;
	height:28px;
	cursor:pointer;
	visibility:hidden;
	}
.prev-link {
	float:left;
	background:url(../images/carousel/prev_alt.png) -33px 15% no-repeat;
	}
.next-link {
	float:right;
	background:url(../images/carousel/next_alt.png) 0 15% no-repeat;
	}
.prev-link:hover {background-position:0 15%;}
.next-link:hover {background-position:-33px 15%;}
